<template>
    <div class="commonTable">
        <el-table :data="userManageData" height="90%" stripe>
          <el-table-column
              show-overflow-tooltip
              v-for="item in userManageLabel"
              :key="item.prop"
              :label="item.label"
              :width="item.width ? item.width : 125"
          >
            <template slot-scope="scope">
              <span>{{ scope.row[item.prop] }}</span>
            </template>
          </el-table-column>
          <el-table-column label="操作" min-width="180">
            <el-button size="mini" @click="userInfoEdit">修改</el-button>
            <el-button size="mini" @click="userInfoDelete">删除</el-button>
          </el-table-column>
      </el-table>
      <el-pagination
       class="pager" 
       layout="prev, pager, next" 
       :total="config" 
       :current-page.sync="config.page"
       @current-change ="changePage"
       :page-size='20'
       >
        
      </el-pagination>
    </div>
    
</template>
<script>
export default{
    name:'UserManage',
    props:{
        userManageData:[],
        userManageLabel:[],
        config:{}
    },
    data() {
        return {
        
        }
    },
    methods: {
        userInfoEdit(){
            this.$edit
        },
        userInfoDelete(){

        }
    },
}
</script>

<style scoped>
.commonTable{
  height: calc(100% - 62px);
  background-color: #fff;
  position: relative;
}
.commonTable .pager{
  position: absolute;
  bottom: 0;
  right: 20px;
}
</style>